@charset "utf-8";
@import "commom/rest";

.container-fluid{
 
.engine{
    background: #fbfaf7;
    border-bottom:1px solid #eaeaee ; 
.container{
     padding-top: 106px;
    padding-bottom: 144px;
    background: url(../img/shoujibg.png) no-repeat right center;  
        .engine_top{
        padding-bottom: 78px;
        div:first-of-type{
            font-size: 48px;
            color: #0078d7;
            line-height: 84px;
            font-weight: bold;
        }
        div:last-of-type{
            font-size: 30px;
            color: #666666;
            
        }
    }
    .engine_mid{
        .magin_bottom_15px{
            margin-bottom: 25px;
        }
      .engine_icon{
          width: 64px;
          height: 64px;
          border-radius:3px ;
          transition: all 1s ease-in-out;
          &:hover{
              transform: rotate(360deg);
              background-color:gray ;
          }
      }
      .engine_icon1{
           background:url(../img/shandian.png) no-repeat center #0078d7;
      }
       .engine_icon2{
           background:url(../img/ide.png) no-repeat center #0078d7;
      }
       .engine_icon3{
           background:url(../img/qiandai.png) no-repeat center #0078d7;
      }
       .engine_icon4{
           background:url(../img/jiasu.png) no-repeat center #0078d7;
      }
      .engine_text{
          div:first-of-type{
              font-size: 20px;
              color: #333333;
              line-height: 34px;
          }
          div:last-of-type{
              font-size: 14px;
              color: #666666;
              line-height: 24px;
          }
      }
      .margin_42{
          margin-bottom: 42px;
      }  
    }
}
}/*引擎*/

.advantage{
    .container{
        padding-bottom: 102px;
        padding-top: 112px;
        .Dominant{
            background: url(../img/youshibg.png) no-repeat bottom  left;
            .Dominant_top{
                font-size: 48px;
                color: #8fc31f;
                line-height:97px;
                padding-left: 15px;
            }
            .Dominant_box{
                margin-left: 5px;
                .Dominant_icon{
                    margin-bottom:16px ;
                    width: 54px;
                    height: 54px;
                    transition: all 1s ease-in-out;
                      &:hover{
              transform: rotate(360deg);
          }
          
                }
                .Dominant_icon1{
                    background: url(../img/youshia.png) no-repeat;
                }
                .Dominant_icon2{
                    background: url(../img/youshib.png) no-repeat;
                }
                .Dominant_icon3{
                    background: url(../img/youshic.png) no-repeat;
                }
                .Dominant_icon4{
                    background: url(../img/youshid.png) no-repeat;
                }
                .Dominant_text{
                    font-size: 14px;
                    color: #666666;
                    line-height:54px ;
                }
            }
        }
    }
}/*advantage*/

.famliy{
    background: #0079d7;
    padding-top: 111px;
    padding-bottom: 143px;
    .container{
        .margin_left_106{
//          margin-left: 106px;
        }
       .famliy_top{
           text-align: center;
           font-size: 48px;
           color: #FFFFFF;
           margin-bottom: 72px;
       } 
       .famliy_icon{
           margin-top: 19px;
           margin-right: 28px;
       }
       .famliy_icon1{
           background: url(../img/jiazua.png) no-repeat center;
           width: 64px;
           height: 63px;
       }
       .famliy_icon2{
           background: url(../img/jiazub.png) no-repeat center;
           width: 60px;
           height: 60px;
       }
       .famliy_icon3{
           background: url(../img/jiazuc.png)  no-repeat center;
           width: 64px;
           height: 63px;
       }
       .famliy_icon4{
           background: url(../img/jiazud.png)  no-repeat center;
           width: 74px;
           height: 70px;
       }
       .famliy_icon5{
           background: url(../img/jiazue.png)  no-repeat center;
           width: 65px;
           height: 65px;
       }
       .famliy_icon6{
           background: url(../img/jiazuf.png)  no-repeat center;
           width: 64px;
           height: 63px;
       }
       .famliy_text{
           color: #FFFFFF;
           div:first-of-type{
               font-size: 25px;
               margin-bottom:10px ;
           }
            div:last-of-type{
               font-size: 14px;
               line-height: 22px;
               height: 100px;
           }
           
       }
       
    }
}


/*game*/
.game{
    padding-top: 82px;
    padding-bottom: 47px;
    .magin_bottom_44{
        margin-bottom: 44px;
    }
    .game_title{
        font-size:34px;
        color: #2a2a2a;
    }
    .game_gengduo{
        text-align: right;
        a{
            display: inline-block;
            font-size: 14px;
            color:#2a2a2a ;
            margin-right: 122px;
        }
    }
    .game_video{
        width: 370px;
        height: 200px;
        img{
            width: 100%;
        }
    }
//  .margin_left{
//      margin-left: 15px;
//  }
    .magin_top_5{
        margin-top:5px ;
    }
    
}

/*partainer*/
.partner{
    padding-top:39px ;
    padding-bottom: 62px;
    background: #f4f4f4;
  .partner_title{
      font-size:30px ;
      margin-bottom: 32px;
      span{
          font-size: 12px;
          color: #777777;
      }
  }
  .parten_img{
      width: 142px;
      height: 58px;
      margin-bottom: 14px;
      img{
          width: 100%;
       
      }
  } 
  .magin_top_12{
      margin-top:20px ;
  }     
}
}
@media only screen and(min-width:768px) and(max-width:991px){
.container-fluid .engine .container .engine_mid .magin_bottom_15px {
    margin-bottom: 0;
}
.container-fluid .engine .container {
    padding-top: 20px;
    padding-bottom: 48px;
    background:none;
}
.container-fluid .engine .container .engine_top {
    padding-bottom: 42px;
}

.container-fluid .advantage .container {
    padding-bottom: 46px;
    padding-top: 12px;
}
.container-fluid .advantage .container .Dominant {
    background: url(../img/youshibg.png) no-repeat bottom left 435px;
}
.container-fluid .advantage .container .Dominant .Dominant_box .Dominant_text {
    font-size: 16px;
}
.container-fluid .famliy .container .famliy_top {
    text-align:left;
    font-size: 48px;
    margin-bottom: 12px;
    margin-left: 12px;
}
.container-fluid .famliy .container .famliy_icon {
    margin-top: 19px;
    margin-right: 0px;
}
.container-fluid .famliy .container .famliy_text div:last-of-type {

    width: 267px;
        overflow: hidden;
}
.container-fluid .famliy {
    padding-top: 42px;
    padding-bottom: 44px;
}
.container-fluid .game .game_video {
   
}
.container-fluid .game .magin_bottom_44 {
    line-height: 48px;
}
 .container-fluid .game .container .margin_left{
     padding-left: 12px;
 }




}
@media only screen and(min-width:320px) and(max-width:414px){
.container-fluid .engine .container .engine_mid .magin_bottom_15px {
    margin-bottom: 0;
}
.container-fluid .engine .container {
    padding-top: 6px;
    padding-bottom: 10px;
    background: none;
}
.container-fluid .engine .container .engine_mid .engine_text div:last-of-type {
 margin-bottom: 10px;
 height: 50px;
 overflow: hidden;
}
.container-fluid .engine .container .engine_top div:first-of-type {
    font-size: 20px;
    line-height: 25px;
}
.container-fluid .engine .container .engine_top div:last-of-type {
    font-size: 14px;
    margin-top: 11px;
}
.container-fluid .engine .container .engine_top {
    padding-bottom: 18px;
}
.container-fluid .engine .container .engine_mid .engine_icon {
    width: 30px;
    height: 30px;
    background-size:100% 100% ;
}
.container-fluid .engine .container .engine_mid .engine_text div:first-of-type {
    font-size: 14px;
    color: #333333;
    line-height: 19px;
}
.container-fluid .advantage .container .Dominant .Dominant_box {
    margin-left: 0px;
}
.container-fluid .advantage .container .Dominant .Dominant_top {
    font-size: 20px;
    font-weight: bold;
    color: #8fc31f;
    line-height: 45px;
    padding-left: 0px;
}
.container-fluid .advantage .container .Dominant .Dominant_box .Dominant_icon {
    margin-bottom: 16px;
    width: 30px;
    height: 30px;
}
.container-fluid .advantage .container .Dominant .Dominant_box .Dominant_icon1 {
    background-size:100% 100%;
}
.container-fluid .advantage .container .Dominant .Dominant_box .Dominant_icon2 {
    background-size:100% 100%;
}
.container-fluid .advantage .container .Dominant .Dominant_box .Dominant_icon3 {
    background-size:100% 100%;
}
.container-fluid .advantage .container .Dominant .Dominant_box .Dominant_icon4 {
    background-size:100% 100%;
}
.container-fluid .advantage .container .Dominant .Dominant_box .Dominant_icon5 {
    background-size:100% 100%;
}
.container-fluid .advantage .container .Dominant .Dominant_box .Dominant_text {
    line-height: 22px;
    margin-bottom: 12px;
}
.container-fluid .advantage .container {
    padding-bottom: 28px;
    padding-top: 24px;
}
.container-fluid .advantage .container .Dominant {
    background:none;
}
.container-fluid .famliy {
    padding-top: 20px;
    padding-bottom: 21px;
}
.container-fluid .famliy .container .famliy_top {
    text-align: left;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 13px;
}
.container-fluid .famliy .container .famliy_icon1 {
    background-size:100% 100%;
    width: 30px;
    height: 30px;
}
.container-fluid .famliy .container .famliy_icon2 {
    background-size:100% 100%;
    width: 30px;
    height: 30px;
}
.container-fluid .famliy .container .famliy_icon3 {
    background-size:100% 100%;
    width: 30px;
    height: 30px;
}
.container-fluid .famliy .container .famliy_icon4 {
    background-size:100% 100%;
    width: 30px;
    height: 30px;
}
.container-fluid .famliy .container .famliy_icon5 {
    background-size:100% 100%;
    width: 30px;
    height: 30px;
}
.container-fluid .famliy .container .famliy_icon6 {
    background-size:100% 100%;
    width: 30px;
    height: 30px;
}
.container-fluid .famliy .container .famliy_icon {
    margin-top: 8px;
    margin-right:0;
}
.container-fluid .famliy .container .famliy_text div:first-of-type {
    font-size: 19px;
    margin-bottom: 0;
}
.container-fluid .famliy .container .famliy_text div:last-of-type {
    height: 46px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 15px;
}
.container-fluid .game .game_title {
    font-size: 20px;
    margin-bottom: 9px;
}
.container-fluid .game .game_gengduo a {
    font-size: 14px;
  margin-right:0;
}
.container-fluid .game .game_video {
    width: 316px;
    height: 158px;
}
.container-fluid .game .magin_top_5 .shipei8 img{
    width: 50px;
}
.container-fluid .partner .magin_top_12 {
    margin-top: 0;
}
.container-fluid .partner .parten_img {
    width: 126px;
    height: 58px;
    margin-bottom: 14px;
}

}
